Vue component props allow passing data from a parent component to its child components, providing benefits such as decoupling, reusability, and separation of concerns. Props can be used by defining them in the parent component and declaring them in the child component using `props: { propName: { type: String } }`.